<div class="layui-form" lay-filter="layuiadmin-form-tags" id="layuiadmin-app-form-tags">
  <div class="speed-progress">
  	<div class="speed-progress-1">
  		<div class="div1">1</div>
  		<p>已提交，待审核</p>
  		<p id="created_at"></p>
  	</div>
  	<div class="speed-progress-2" style="width: 120px;left: 100px;background: yellowgreen;"></div>
  	<div class="speed-progress-1" style="margin-left: 20px; width: 170px;">
  		<div class="div1" style="margin-left: 50px;">2</div>
  		<p>审核通过，已安排快递取货</p>
  		<p id="express_time"></p>
  	</div>
  	<div class="speed-progress-2" style="left: 270px;width: 150px;background: yellowgreen;"></div>
  	<div class="speed-progress-1" style="margin-left: 30px;">
  		<div class="div1">3</div>
  		<p>快递已取货</p>
  		<p id="express_get_time"></p>
  	</div>
  	<div class="speed-progress-2" style="left: 470px;width: 150px;background: yellowgreen;"></div>
  	<div class="speed-progress-1" style="margin-left: 50px;">
  		<div class="div1">4</div>
  		<p>平台已确认收货</p>
  		<p id="platform_confirm_time"></p>
  	</div>
  	<div class="speed-progress-2 line-color" style="left: 670px;width: 150px;"></div>
  	<div class="speed-progress-1" style="margin-left: 50px;">
  		<div class="div1 active">5</div>
  		<p>已审核打款</p>
  		<p id="platform_success_time"></p>
  	</div>
  </div>
  <blockquote class="layui-elem-quote">回收订单信息</blockquote>
  <ul class="order-base-info">
  	<li>
  		<div class="order-base-info-1 order-base-info-2">
  			<p>订单号：<span id="no1"></span></p>
  			<div class="order-base-info-3">
  				<span>卖书用户:</span>
  				<img id="user_avatar1" src="" alt="" />
  				<span id="user_nickname"></span>
  			</div>
  		</div>
  		<div class="order-base-info-1" style="border-right: 1px solid #ccc;">
  			<p style="padding-top: 8px;">预约上门取书时间：<span id="express_time1"></span></p>
  			<p>上门取书地址：</p>
  			<p><span id="deliver_name" style="margin-right: 20px;"></span><span id="deliver_mobile"></span></p>
  			<p><span id="deliver_address_province"></span><span id="deliver_address_city"></span><span id="deliver_address_area"></span><span id="deliver_address_detail"></span></p>
  		</div>
  	</li>
  	<li>
  		<h3>订单状态：平台已收货，待审核打款</h3>
  		<p class="p1">物流信息：<span id="express_delivery_id1" style="margin-right: 10px;"></span><span id="express_no1"></span></p>
  		<div class="logistics" id="logistics">
  			<p>物流进度：</p>
  		</div>
  		<button class="layui-btn layuiadmin-btn-useradmin layui-btn-1" id="pass3" style="margin-top: 4px;">去审核打款</button>
  	</li>
  </ul>
  <div class="table-base">
    <table id="LAY-good-list-status1" lay-filter="LAY-good-list-status1"></table>
  </div>
  <div class="price-all">
  	<p>共回收<span id="books_total"></span>本,其中<span id="nobks"></span>本不通过</p>
  	<p>总估价：<span id="total_prices"></span></p>
  	<p>不通过<span id="nobks1"></span>本：-￥<span id="noPrices"></span></p>
  	<p>预计收入:￥<span id="revenues"></span></p>
  </div>
  <script type="text/html" id="LAY-good-list-table-stock5">
    <img src="{{d.book_image}}" alt="" style="width:83px; height: 110px">
  </script>
  <script type="text/html" id="LAY-good-list-table-stock6">
    <p>￥{{d.book_recyle_price}}<span style="margin-left: 10px;background: #ccc;"><span id="">{{((parseFloat(d.book_recyle_price)/parseFloat(d.book_old_price))*10).toFixed(1)}}</span>折</span></p>
  </script>
  <script type="text/html" id="LAY-good-list-table-stock61">
    <p>￥{{d.book_old_price}}</p>
	</script>
	<script type="text/html" id="LAY-good-list-table-stock6">
    <p>￥{{d.book_recyle_price}}<span style="margin-left: 30px;background: #ccc;"><span id="">{{((parseFloat(d.book_recyle_price)/parseFloat(d.book_old_price))*10).toFixed(1)}}</span>折</span></p>
  </script>
	<script type="text/html" id="LAY-good-list-results">
    {{#  if(parseInt(d.first_check_state) ==0){ }}					  
						  <p style="color: red;">线上审核未通过</p>
						{{#  } else { }}
						  <p>通过审核</p>
						{{#  } }} 
            
  </script>
</div>
<style type="text/css">
.speed-progress{width: 100%;height: 156px;clear: both;position: relative;margin: 0 auto;}
.speed-progress .speed-progress-1{width: 150px;overflow: auto;float: left;}
.speed-progress .speed-progress-1 .div1{width: 50px;color: #fff;margin:0 auto;height: 50px; border-radius: 50%;background: yellowgreen;text-align: center;line-height: 50px;margin-bottom: 10px;}
.speed-progress .speed-progress-1 p{margin-bottom: 10px; text-align: center;}
.speed-progress .speed-progress-2{width: 252px;border-bottom: 1px solid yellowgreen;height: 1px;position: absolute;left: 70px;top: 24px;}
.speed-progress .speed-progress-3{left: 350px;}
.active{background: #ccc !important;}
.order-base-info{width: 95%;overflow: auto;padding: 30px;}
.order-base-info li{float: left;width: 45%;height: 260px;}
.order-base-info li h3{margin: 20px 0 8px 50px;font-weight: bold;}
.order-base-info li .p1{margin: 10px 0 10px 50px;color: green;}
.order-base-info li .layui-btn-1{margin-left: 54px;}
.order-base-info li .order-base-info-1{width: 100%;height: 130px;}
.order-base-info li .order-base-info-1 p{margin-bottom: 4px;}
.order-base-info li .order-base-info-2{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.order-base-info li .order-base-info-3{width: auto; height: 60px;line-height: 60px;clear: both;}
.order-base-info li .order-base-info-3 span{float: left;}
.order-base-info li .order-base-info-3 img{width: 60px;height: 60px;border-radius: 50%;display: block;float: left;margin: 0 10px;}
.table-base{width: 100%;max-height: 600px;overflow: auto;margin-bottom: 20px;}
table{width: 100%;text-align: center;}
.price-all{width: 96%;margin: 0 auto;overflow: auto;text-align: right;line-height: 30px;}
.logistics{
	width: 100%;
	border: 1px solid #ccc;
	max-height: 130px;
	height: 130px;
	overflow: auto;
	margin-left: 54px;
  padding: 5px;
}
.line-color{border-bottom: 1px solid #ccc !important;}
</style>